<!DOCTYPE html>
<title>The bounds of text content rounds "outward"</title>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<svg height="200" style="zoom: 1.5">
  <clipPath id="clip" clipPathUnits="objectBoundingBox">
    <text y=".8" font-size="1">X</text>
  </clipPath>
  <rect width="200" height="200" fill="green" clip-path="url(#clip)"/>
</svg>
<script>
  test(function() {
    let clip_text = clip.firstElementChild;
    let clip_text_bbox = clip_text.getBBox();
    let clip_text_extents = clip_text.getExtentOfChar(0);
    assert_less_than_equal(clip_text_bbox.x, clip_text_extents.x, 'left');
    assert_less_than_equal(clip_text_bbox.y, clip_text_extents.y, 'top');
    assert_greater_than_equal(clip_text_bbox.x + clip_text_bbox.width,
                              clip_text_extents.x + clip_text_extents.width, 'right');
    assert_greater_than_equal(clip_text_bbox.y + clip_text_bbox.height,
                              clip_text_extents.y + clip_text_extents.height, 'bottom');
  });
</script>
